<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Exercices d'introduction au PHP</title>
      <link rel="stylesheet" href="css/global.css" type="text/css">
      <link rel="stylesheet" href="css/exercises.css" type="text/css"><script src="js/jquery-1.4.4.min.js"></script><script src="js/jquery.flash.js"></script><script src="js/exercises.js"></script></head>
   <body>
      <h1 id="title" class="hidden">Exercices d'introduction au PHP</h1>
      <div id="questions">
         <div id="toggle_solutions"><a href="#">Afficher les solutions</a></div>
         <form method="post" action="#">
            <div class="question rounded_box">
               Créer un fichier hello.php et le tester en accédant à la page.
               
               <div class="indice"><a href="">
                     Un gros indice&nbsp;!
                     </a></div>
               <div class="solution">
                  Solution 1
                  
               </div>
            </div>
            <div class="question rounded_box">
               Créer les deux fichiers form.html et action.php et les tester en entrant une valeur dans le formulaire (afin de vérifier la
               mécanique du passage de variable).
               
               <div class="solution">
                  Solution 2
                  
               </div>
            </div>
            <div class="question rounded_box">
               Que fait un visiteur qui tente d'exploiter une faille XSS ?
               
               <div class="indice"><a href="">
                     http://www.youtube.com/watch?v=Juxr3rg5anc
                     </a></div>
               <div class="solution">
                  La faille XSS consiste à injecter du HTML, et plus particulièrement du Javascript, sur une page de votre site web. Si ce Javascript
                  est bien fait, il peut récupérer les cookies du visiteur qui l'exécute, cookies qui contiennent des informations censées rester
                  secrètes !
                  
               </div>
               <div class="solution"></div>
               <ul>
                  <li><input type="radio" name="question1" id="question[answer1]" value="answer1"><span class="solution"><img src="images/radio_on.png" alt="Vrai"></span><label for="question5[answer1]">
                        
                        
                        
                        
                        Il insère du code Javascript pour récupérer des cookies
                        
                        </label></li>
                  <li><input type="radio" name="question1" id="question[answer2]" value="answer2"><span class="solution"><img src="images/radio_off.png" alt="Faux"></span><label for="question5[answer1]">
                        
                        
                        
                        
                        Il retire des champs du formulaire pour perturber la page cible
                        
                        </label></li>
                  <li><input type="radio" name="question1" id="question[answer3]" value="answer3"><span class="solution"><img src="images/radio_off.png" alt="Faux"></span><label for="question5[answer1]">
                        
                        
                        
                        
                        Il crée un formulaire modifié sur son serveur
                        
                        </label></li>
               </ul>
            </div>
            <div class="question rounded_box">
               Si on ne met pas d'attribut action au formulaire, que va-t-il se passer ?
               
               <div class="solution">
                  Solution 4
                  
               </div>
               <div class="solution"></div>
               <ul>
                  <li><input type="checkbox" name="question1" id="question[answer1]"><span class="solution"><span class="solution"><img src="images/checkbox_off.png" alt="Faux"></span></span><label for="question[answer1]">
                        
                        
                        
                        
                        Cela va afficher une page vide
                        
                        </label></li>
                  <li><input type="checkbox" name="question1" id="question[answer2]"><span class="solution"><span class="solution"><img src="images/checkbox_on.png" alt="Vrai"></span></span><label for="question[answer2]">
                        
                        
                        
                        
                        Cela va recharger la même page
                        
                        </label></li>
                  <li><input type="checkbox" name="question1" id="question[answer3]"><span class="solution"><span class="solution"><img src="images/checkbox_off.png" alt="Faux"></span></span><label for="question[answer3]">
                        
                        
                        
                        
                        Cela va afficher une erreur 404
                        
                        </label></li>
               </ul>
            </div>
            <div class="question rounded_box">
               Quel est l'attribut à rajouter à une case à cocher pour qu'elle soit cochée par défaut ?
               
               <div class="enonce"><input type="text" name="question1" id="question1"></div>
               <ul><span class="solution">
                     <div class="solution">
                        Solution 5
                        
                     </div>
                     <div class="solution">
                        
                        
                        
                        
                        checked
                        
                        
                     </div></span></ul>
            </div>
         </form>
      </div>
      <div id="score" class="rounded_box">
         Votre score est de <strong><span id="score_value"></span> %</strong>.
         
      </div>
      <div id="footer" class="hidden">
         <div id="indice_bloc">
            <div id="indice_link"><a href="#">Indice</a></div>
            <div id="content"></div>
         </div>
         <ul>
            <li class="right"><a id="previous" href="#">Précédent</a></li>
            <li class="center"><span id="question_number">1</span> / <span id="count_questions"></span></li>
            <li class="left"><a id="next" href="#">Suivant</a></li>
         </ul>
      </div>
   </body>
</html>